<!--
Copyright (C) 2009  Brandon Beresini

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link rel="stylesheet" href="tagger.css" />
  <script type="text/javascript" src="scripts/lumenTagger.js"></script>
  <script type="text/javascript" src="scripts/lumen.js"></script>
	<title>tagger</title>
	
</head>

<body>
  
  <div id="pageCover">
  </div>
  
  <div id="pictureSelect">
    <form onsubmit="return false;">
    <table>
      <tr>
        <td>url:</td>
        <td><input type="text" id="pictureURL" /></td>
        <td><input id="pictureSelection" type="submit" value="Set Picture" /></td>
        <td id="pictureLoadingIndicator"><img src="images/spinner.gif" /></td>
      </tr>
    </table>
    </form>
  </div>
    
  <div id="picture">
    
    <img name="lzLumenPicture" id="lzLumenPicture" src="images/default.gif" alt="It appears that the supplied url is invalid."/>
    
    <div id="pictureTagScreen">
    </div>
    
    <div id="leftMask">
    </div>
    <div id="rightMask">
    </div>
    <div id="topMask">
    </div>
    <div id="bottomMask">
    </div>

    <div id="leftGradient">
    </div>
    <div id="rightGradient">
    </div>
    <div id="topGradient">
    </div>
    <div id="bottomGradient">
    </div>
    
    <div id="tagFrame">
      <div id="tagFrameScreen">
      </div>
    </div>
    
    <div id="cornerDragger">
    </div>
    
    <table id="tagsTable">
    <tr>
      <td id="testTag">Test</td>
    </tr>
    </table>

    <form name="tagForm" id="tagFormDisplay" onsubmit="return false;">
      <table id="tagFormTable">
        <tr>
          <th>Name:</th>
          <td><input type="text" name="tag" size="15" /></td>
          <td><input id="submitTag" type="submit" value="Tag" /></td>
          <td><input type="reset" value="cancel" /></td>
        </tr>
      </table>

    </form>

    <div id="formulatedCode">
      <input type="button" id="generateCode" value="Generate Code" />
      <p id="script">
      </p>
    </div>
    
  </div>
  
  <div id="tagsTrough">
    <div id="tagsTroughTableHolder">
      <table id="tagsTroughTable"><tr><th colspan='3'>Tags</th></tr></table>
    </div>
  </div>
</body>
</html>